<template>
  <div class="frame">
    <div class="toolbar">
      <toolbar></toolbar>
      <topNavbar :nav="nav"></topNavbar>
      <toolSetUp></toolSetUp>
    </div>
    <el-row>
      <el-col :span="24">
        <div class="frameBg">
          <div class="scroll">
            <div class="frame-container">
              <div class="dutyTable">
                <div class="toptitle">
                  <div class="left">价目表</div>
                  <div class="right">
                    <div class="btns">
                      <el-button @click="back">返 回</el-button>
                    </div>
                  </div>
                </div>
                <div class="borderT"></div>
                <div class="file-main">
                  <el-table
                    :data="tableData"
                    border
                    style="width: 80%;margin:0 auto;">
                    <el-table-column
                      prop="itmeName"
                      label="收费项目"
                      width=""
                    >
                    </el-table-column>
                    <el-table-column
                      prop="itemPrice"
                      label="价格(元)"
                      width="180">
                    </el-table-column>
                    <el-table-column
                      prop="itemUnit"
                      label="单位"
                      width="180">
                    </el-table-column>
                  </el-table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  import navApi from "../../service/navApi"
  import staffApi from '../../service/corporation/staffApi';
  import serviceCenterApi from '../../service/serCenter/serviceCenterApi';
  export default {
    data() {
      return {
        nav:{},
        emName:"",
        tableData: []
      }
    },
    methods: {
      init(){
        //权限菜单判断
        let self = this;
        self.nav = JSON.parse(window.sessionStorage.getItem('navData'));

        this.PriceList();
      },
      PriceList(){
        let self = this;
        serviceCenterApi.getPriceList().then(
          (res)=>{
            self.tableData = res.data.data;
          }
        );
      },
      back(){
        this.$router.push({name:'serviceCenter'});
      },
    },
    mounted: function () {
      this.init();
    },
  }
</script>

<style>

</style>
